<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/tsxq.css" type="text/css">
</head>
<body>
<jsp:include page="/views/common/head_main.jsp" />
    <div class="bg">
    <input type="hidden" id="item" value="${sessionScope.item_sugegstion}"/>
        <div class="contentbox contentbox1">
                    <img src="${ctx}/images/tsjy/ts1.png">
                    <div class="nav-list">  
                        <span class="nav-tit">投诉详情</span><span class="nav-img"><a  href=""><img src="${ctx}/images/tsjy/ts7.png"></a></span>
                    </div>
                    <div class="content">
                        <hr class="blue-hr" />
                            <table class="c-detail">
                                <tr>
                                    <td colspan="2" class="return-td"><a class="return" href="${ctx}/complaintsInfo/infoList">&lt;&lt;&nbsp;返回</a></td>
                                </tr>
                                <tr class="bg-color">
                                    <td class="left-td">投诉单号<input value="${complaintsInfo.id}" id="infoId" type="hidden"/></td>
                                    <td width="520px;">${complaintsInfo.id}</td>
                                </tr>
                                <tr>
                                    <td class="left-td">投诉类型</td>
                                    <td>
                                    <c:if test="${complaintsInfo.sugesstionType == 0 && complaintsInfo.complainType == 0 }">投诉平台</c:if>
                                    <c:if test="${complaintsInfo.sugesstionType == 0 && complaintsInfo.complainType == 1 }">投诉商户</c:if>
                                    <c:if test="${complaintsInfo.sugesstionType == 0 && complaintsInfo.complainType == 2}">投诉物业</c:if>
                                    <c:if test="${complaintsInfo.sugesstionType == 0 && complaintsInfo.complainType == 3}">投诉物业公司</c:if>
                                    <c:if test="${complaintsInfo.sugesstionType == 1 && complaintsInfo.complainType == 0 }">平台建议</c:if>
                                    <c:if test="${complaintsInfo.sugesstionType == 1 && complaintsInfo.complainType == 2}">物业建议</c:if>
                                    <c:if test="${complaintsInfo.sugesstionType == 1 && complaintsInfo.complainType == 3}">物业公司建议</c:if>
                                    <c:if test="${complaintsInfo.sugesstionType == 1 && complaintsInfo.complainType == 1 }">商户建议</c:if>
                                    </td>
                                </tr>
                                <tr class="bg-color">
                                    <td class="left-td">投诉标题</td>
                                    <td>${complaintsInfo.title}</td>
                                </tr>
                                <tr>
                                    <td class="left-td">投诉时间</td>
                                    <td><fmt:formatDate value="${complaintsInfo.createTime}" pattern="yyyy年MM月dd日     HH:mm"/></td>
                                </tr>
                                <tr class="bg-color">
                                    <td class="left-td">投诉问题描述</td>
                                    <td style="padding-right:10px;">
                                   		 ${complaintsInfo.content}
                                    </td>
                                </tr>
                                <tr>
                                    <td class="left-td" style="vertical-align: top;">拍摄照片</td>
                                    <td>
                                        <div class="photo-box mar-l"> 
	                                        <c:forEach items="${imgs}" var="item" varStatus="status">
	                                        	<input id="imageId" type="hidden" value="${item.id}">
		                                        <div id="delete${item.url}" style="float:left;margin-top: 18px;" onmouseover="showdelete(this);" onmouseout="hidedelete(this);">
		                                            <input id="imgId${status.index+1}" type="hidden" value="${item.url}">
		                                            <img id="imgPic${item.url}" width="100px" height="100px;" style="float:left;margin-right:10px;" src="${sessionScope.image_logo}${item.url}">
		                                            <span class="deletegoods" onclick="deletePic();" style="display: none;"><img title="删除图片" src="${ctx}/images/tsjy/deletegoods.png"/></span>
		                                        </div>
	                                    	</c:forEach>
                                    </div>
                                    </td>
                                </tr>
                                <tr class="bg-color">
                                    <td class="left-td" colspan="2"><div class="over-flow func-box"><span class="resp"><img src="${ctx}/images/tsjy/83_03.png"/>平台回复</span><span class="service"><img src="${ctx}/images/tsjy/ts7.png"/>联系客服</span></div></td>
                                </tr>
                                <tr>
                                    <td class="res-con-td"colspan="2">
                                        <div class="res-box over-flow">
                                        <c:if test="${complaintsInfo.state == 1}">
                                            <div class="img-box">
                                                <img src="${ctx}/images/tsjy/ts6.png"/>
                                            </div>
                                            </c:if>
                                            <div class="res-content-box">
                                                    <c:forEach items="${platformReply}" var="item" varStatus="itemStatus">
                                               <div>
                                                 <p class="time"><fmt:formatDate value="${item.replyTime}" pattern="yyyy年MM月dd日     HH:mm"/></p>
                                                 <p>${item.content}</p>
                                                </div>
                                                </c:forEach>
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="ta-box">
                                            <textarea onpropertychange="if(value.length>500) value=value.substr(0,500)" maxlength="500" class="text-area" onblur="checkCommon();" id="common" style="background-image:url(${ctx}/images/tsjy/83_07.png);background-repeat: no-repeat;background-position:10px 10px;"></textarea>
                                            <div class="btn-box">
                                                <button class="btn t-btn" onclick="shutComplainAndCommon();">关闭投诉并评论</button><button class="btn c-btn" onclick="BackDetail();">取消</button>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="return-td"><a class="return" href="${ctx}/complaintsInfo/infoList">&lt;&lt;&nbsp;返回</a></td>
                                </tr>
                                
                            </table>
                    </div>
        </div>
 </div>
<jsp:include page="/views/common/footer.jsp" />
<script src="${ctx}/js/controllers/suggestion/complaintsInfoEditController.js" type="text/javascript"></script>
<script type="text/javascript">
var ctx = '${ctx}';
setCtx(ctx);
</script> 
<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
<!-- <script src="/js/lib/jquery.JPlaceholder.js"></script> -->
</body>
</html>